<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
<h:outputStylesheet name="css/test.css" />
<f:view>
	<ui:composition template="layout/layout.xhtml">
		<ui:define name="body">
			<h:form rendered="#{loginBean.usuarioLogueado}">

				<h3 align="center">
					<p:outputLabel value="#{areaBean.selectedArea.nombre}" styleClass="area_titulo" />
				</h3>
				<p:tabView id="tabView">
					<p:tab id="tab1" title="Asignadas a mi">
						<p:panelGrid style="width:100%">
							<p:row>
								<p:column style="width:30%; vertical-align:top">

									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">Pendientes</f:facet>
										<ui:repeat var="area" value="#{areaBean.tareasPendientesAaM}">
											<p:panel header="#{area.titulo}" styleClass="t_pendiente">

												<p:outputLabel value="#{area.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{area.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{area}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
								<p:column style="width:30%; vertical-align:top">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">En ejecución</f:facet>
										<ui:repeat var="areaE" value="#{areaBean.tareasEjecucionAaM}">
											<p:panel header="#{areaE.titulo}" styleClass="t_ejecucion">
												<p:outputLabel value="#{areaE.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{areaE.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{areaE}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
								<p:column style="width:30%; vertical-align:top">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">Finalizadas</f:facet>
										<ui:repeat var="areaF" value="#{areaBean.tareasFinalizadasAaM}">
											<p:panel header="#{areaF.titulo}" styleClass="t_finalizada">
												<p:outputLabel value="#{areaF.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{areaF.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{areaF}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
							</p:row>
						</p:panelGrid>
					</p:tab>
					<p:tab id="tab2" title="Creadas por mi">
						<p:panelGrid style="width:100%">
							<p:row>
								<p:column style="width:20%; vertical-align:top" rendered="#{areaBean.tareasRechazadas}">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">Rechazadas</f:facet>
										<ui:repeat var="areaR" value="#{areaBean.tareasRechazadasCpM}">
											<p:panel header="#{areaR.titulo}" styleClass="t_rechazada">
												<p:outputLabel value="#{areaR.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{areaR.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{areaR}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
								<p:column style="width:20%; vertical-align:top" rendered="#{areaBean.tareasNoAsignadas}">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">No Asignadas</f:facet>
										<ui:repeat var="areaNA" value="#{areaBean.tareasNoAsignadasCpM}">
											<p:panel header="#{areaNA.titulo}" styleClass="t_ejecucion">
												<p:outputLabel value="#{areaNA.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{areaNA.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{areaNA}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
								<p:column style="width:20%; vertical-align:top">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">Pendientes</f:facet>
										<ui:repeat var="area" value="#{areaBean.tareasPendientesCpM}">
											<p:panel header="#{area.titulo}" styleClass="t_pendiente">
												<p:outputLabel value="#{area.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{area.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{area}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
								<p:column style="width:20%; vertical-align:top">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">En ejecución</f:facet>
										<ui:repeat var="area" value="#{areaBean.tareasEjecucionCpM}">
											<p:panel header="#{area.titulo}" styleClass="t_ejecucion">
												<p:outputLabel value="#{area.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{area.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{area}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
								<p:column style="width:20%; vertical-align:top">
									<p:panelGrid columns="1" style="width:100%">
										<f:facet name="header">Finalizadas</f:facet>
										<ui:repeat var="areaE" value="#{areaBean.tareasFinalizadasCpM}">
											<p:panel header="#{areaE.titulo}" styleClass="t_finalizada">
												<p:outputLabel value="#{areaE.descripcion}" />
												<br />
												<p:panelGrid style="border:0">
													<p:row>
														<p:column style="width:100%;border:0;">
															<p:graphicImage value="#{areaE.prioridad.icono}" />
														</p:column>
														<p:column>
															<p:commandButton value="Ver" icon="ui-icon-extlink" action="#{etBean.cargarPagina}">
																<f:setPropertyActionListener value="#{areaE}" target="#{etBean.selectedTarea}" />
															</p:commandButton>
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:panel>
										</ui:repeat>
									</p:panelGrid>
								</p:column>
							</p:row>
						</p:panelGrid>

					</p:tab>
				</p:tabView>
			</h:form>
		</ui:define>
	</ui:composition>
</f:view>

</html>